import React from "react";

import { MainFooter } from "@/components/main-footer";
import { MainNavbar } from "@/components/main-navbar";

export const MainLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
  return (
    <div className="flex min-h-svh flex-1 flex-col">
      <MainNavbar />
      <main className="flex flex-1 flex-col">
        <div className="container mx-auto w-full flex-1 px-4 md:px-0">{children}</div>
      </main>
      <MainFooter />
    </div>
  );
};
